<html>
<head>
	<title>电商首页-产品详情页</title>
	<meta charset='utf-8'>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<link rel="stylesheet" type="text/css" href="css/layout.css" />
	<link rel="stylesheet" type="text/css" href="css/component/header.css" />
	<link rel="stylesheet" type="text/css" href="css/page/product.css"/>
</head>
<body>
	<div class="productPageWrap">
		<!-- 左边商品图片 -->
		<div class="goodsImgWrap">
			<div id="bigGoodsImgId" class="bigGoodsImg">
				<!-- 随鼠标移动的半透明块 -->
				<div id="mouseMoveDivId"class="mouseMoveDiv"
				style="display:none"></div>
				<!-- 局部显示的div -->
				<h1 id="bigImgLoadingId">图片加载中。。。</h1>
				<img id="bigImgId" />
			</div>
			<div class="smallImgList">
				<label id="labelId"><</label>
				<ul id="smallListId">	</ul>
				<span id="spanId">></span>
			</div>
				<div id="localShowImgWrapId" class="localShowImgWrap"></div>
		</div>
		<!-- 右边商品信息 -->
		<div class="goodsInfoWrap">
			<!--  商品信息  -->
		   <div class="infoList"> 
			   <h1 id="goodsTitleId"></h1>

		    	<ul id="describeId">
		    	    <li></li>
					
		    	</ul>
		   </div>
		    <!-- 配送地址 -->
		    <div class="addressMenuTitle">
		        <p>配送至：</p>
		        <ul id="addressTitleId">
		        	<li>请选择地址</li>		        
		        </ul>
            </div>
		    <!-- 配送地址列表 -->
		    <div id="addressMenuListId" class="addressMenuList cle">
		       	<h1>选择新地址</h1>
		       	<div class="tabBtn">
                 	<ul>
                 		<li id="tabA" class="yellow">省份</li>
                 		<li id="tabB" style="display:none">地市</li>
                 		<li id="tabC" style="display:none">区县</li>
                 	</ul>
		       	</div>
		       	<!-- 省、市、县的名称列表 -->
		       	<div id="provinceId" class="tabNameList"></div>
		       	<div id="cityId" class="tabNameList" style="display:none"></div>
		       	<div id="areaId" class="tabNameList"  style="display:none"></div>
		    </div>

		    <!-- 加入购物车按钮&商品数量 -->
		    <div class="gotoShopCar">
		    	<div class="numToCar">
		    		<input id="goodsNumId" class="g_a" type="text" />
		    		<input id="addBtnId" class="g_b" type="button" value="+" />
		    		<input id="reduceBtnId" class="g_c" type="button" value="-" />
		    	</div>
		    	<input id="numToCarBtnId" class="numToCarBtn" type="button" value="加入购物车" />
		    </div>
		</div>
	</div>         
</body>
</html>
<script type="text/javascript" src="js/lib/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/component/header.js"></script>
<script type="text/javascript" src="js/page/goodsImgModel.js"></script>
<script type="text/javascript" src="js/page/goodsInfo.js"></script>
<script type="text/javascript" src="js/page/addressMenu.js"></script>
<script type="text/javascript" src="js/page/enterShoppingCar.js"></script>
